.notice-box {
  > h3 {
    height: 50px;
    line-height: 50px;
    background: #f1f1f1;
    border: 1px solid #e1e6eb;
    padding-left: 25px;
    color: #333;
    input {
      margin: 0 15px 0 0;
      float: left;
      height: 100%;
    }
    span {
      display: inline-block;
      width: 25%;
      float: right;
      text-align: center;
    }
  }
  ul {
    border: {
      right: 1px solid #e1e6eb;
      left: 1px solid #e1e6eb;
    }
  ;
    li {
      height: 70px;
      line-height: 70px;
      border-bottom: 1px dashed #eeeeee;
      h3 {
        float: left;
        height: 100%;
        line-height: 70px;
        width: 50%;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        color: #339bfe;
      }
    }
    a {
      display: inline-block;
      width: 100%;
      height: 100%;
      input {
        float: left;
        height: 100%;
        margin: 0 10px;
      }
      h4 {
        float: right;
        width: 50%;
        height: 100%;
        line-height: 70px;
        color: #333;
        span {
          display: inline-block;
          width: 50%;
          overflow: hidden;
          text-overflow: ellipsis;
          white-space: nowrap;
          text-align: center;
        }
      }
    }
  }
  .read {
    h3, h4 {
      color: #999;
    }
  }
  > h6 {
    height: 60px;
    line-height: 60px;
    border: {
      right: 1px solid #e1e6eb;
      left: 1px solid #e1e6eb;
      bottom: 1px dashed #eeeeee;
    }
    input{
      height: 30px;
      padding: 0 10px;
      line-height: 30px;
      border:1px solid #dddddd;
      background: #f7f7f7;
      margin-right: 10px;
    }
    .checkboxH6{
      float: left;
      margin: 23px 10px;
      padding: 0;
      height: auto;
    }
  }
}

.page {
  height: 60px;
  border: {
    right: 1px solid #e1e6eb;
    left: 1px solid #e1e6eb;
    bottom: 1px solid #e1e6eb;
  };
}